<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Interface</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        /* 固定导航栏 */
        .navbar {
            background-color: #333;
            display: flex;
            justify-content: space-around; /* 使链接均匀分布 */
            align-items: center;
            position: fixed; /* 固定在顶部 */
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1000;
            padding: 14px 0;
        }

        .navbar a {
            color: white;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
            flex: 1; /* 使每个链接占据相同的宽度 */
            font-size: 16px; /* 设置固定的字体大小 */
        }

        .navbar a:hover {
            background-color: #ddd;
            color: black;
        }

        /* 页面内容区域 */
        .container {
            padding: 20px;
            margin-top: 60px; /* 留出空间给固定导航栏 */
        }

        .section {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
            padding: 20px;
        }

        h2 {
            color: #333;
        }

        #content {
            margin-top: 20px;
        }
    </style>
    <script>
        // 加载内容的函数
        function loadContent(page) {
            var content = document.getElementById('content');
            var xhr = new XMLHttpRequest();
            xhr.open('GET', page, true);  // 发起 GET 请求加载页面
            xhr.onload = function () {
                if (xhr.status === 200) {
                    content.innerHTML = xhr.responseText;  // 加载成功后，将内容插入到页面
                } else {
                    content.innerHTML = '<p>无法加载页面内容。</p>';  // 加载失败时显示错误信息
                }
            };
            xhr.send();
        }
    </script>
</head>
<body>

<!-- 固定导航栏 -->
<div class="navbar">
    <a href="javascript:void(0);" onclick="window.location.href='store.html'">Product disposal</a>
    <a href="javascript:void(0);" onclick="window.location.href='dingdan.html'">Order Management</a>
    <a href="javascript:void(0);" onclick="window.location.href='chat.html'">Online Chat</a>
    <a href="http://101.200.235.124:8080/shopNest/front/index.html" onclick="
        localStorage.removeItem('Token');
		localStorage.removeItem('role');
		localStorage.removeItem('sessionTable');
		localStorage.removeItem('adminName');
	    localStorage.removeItem('userid');
		localStorage.removeItem('userTable');
		localStorage.removeItem('iframeUrl');">Exit to the front</a>

</div>

<!-- 页面内容区域 -->
<div class="container">

</div>
<!-- 页面内容显示区 -->
<div id="content" class="section">
    <h2>Welcome to use the administrator interface</h2>
    <p>select the link on the left side to load the content</p>
</div>
</div>

</body>
</html>